<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>激活邮件</title>
</head>
<body>

<link rel="stylesheet" th:href="@{/webjars/bootstrap/3.4.1/css/bootstrap.min.css}" media="all">
<script type="text/javascript" th:src="@{/webjars/jquery/3.6.0/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap/3.4.1/js/bootstrap.min.js}"></script>
<div class="container-fluid">
    <div class="row">
        <div class="darkBlue col-md-10 col-md-push-1" >
            <style>
                .lightBlue{
                    background-color: #FAFDFF;
                    border: 1px solid #A6BFDE;
                }
                .darkBlue{
                    background-color: #cbe5f7;
                    border: 1px solid #A6BFDE;
                }
            </style>
            <center>
                <h2>
                    欢迎用户: <span style="color: orange;">Jack</span> , 加入12354山卡拉火车网
                </h2>
            </center>
        </div>
    </div>
    <br/>
    <div class="row">
        <div class="lightBlue col-md-8 col-md-push-2" style="height: 200px;">
            <center style="padding-top: 60px;">
                <h3>
                    <a id="a_button" style="text-decoration: none;"
                       href="javascript:;" th:data-username="${username}" th:data-active="${active}">
                        请 点 击 此 处 激 活 您 的 账 号
                    </a>
                </h3>
            </center>
        </div>
    </div>
    <script>
        let host = 'http://localhost'
        let remoteHost = 'http://47.103.125.53'
        $('#a_button').click(function () {
            let a = $('#a_button');
            let active = a.data('active');
            let username = a.data('username');
            window.location.href = host+"/user/active/" + username + "/" + active;
        })
    </script>
</div>
</body>
</html>